<?php
$masterView = MasterView::getInstance();
$topSocialPlatformsData = $masterView->metricsView->topSocialPlatformsData;
?>
<script src="/buzzPulse/JS/raphael-min.js"></script>
<script src="/buzzPulse/JS/graphSupporter.js"></script>
<div class="content fixed-fluid">
    <div class="main-content">
        <?php 
            
        ?>
        <div class="metrics-container skip-loading-animation">
            <?php include "TrendlineHTML.php"; ?>
            <div class="row-fluid row-reversed">
                <?php include "SharingMetricsHTML.php"; ?>
                <div class="metrics-block-graph white-block">
                    <?php include "TopSocialPlatformsHTML.php"; ?>
                </div>
            </div>
            <?php include "SentimentHTML.php" ?>
            <?php include "GenderDistributionHTML.php" ?>
            <?php include "GeographicDistributionHTML.php" ?>
            <div class="row-fluid white-row">
                <div class="metrics-block-number daily">
                    <h5>
                        DAILY EXPOSURE
                        <a class="popover-question-container" rel="tooltip" data-title="Daily Exposure represents the daily average of total possible impressions the mentions in the stream can receive based on the current filters. The metric is estimated based on the total number of Twitter followers that are in the networks of the authors that generated the mentions." data-original-title="">
                            <i class="icon-question"></i>
                        </a>
                    </h5>
                    <div id="impressions" class="mozaic-widget impressions widget-impressions" data-widget="impressions" data-params="{&quot;channels&quot;:{&quot;/analytics&quot;:&quot;/search_analytics_views-1842&quot;}}" data-guid="widget-1908" data-initialized="true">
                        <div id="search_views_average" class="mozaic-widget metrics-text-link widget-item_count" data-widget="item_count" data-params="{&quot;channels&quot;:{&quot;/count&quot;:&quot;/search_analytics_views-1842&quot;},&quot;single_item&quot;:&quot;average daily impressions&quot;,&quot;multiple_items&quot;:&quot;average daily impressions&quot;,&quot;path&quot;:&quot;average&quot;}" data-guid="widget-2179" data-initialized="true">
                            <div>
                                <span class="number" data-id="" rel="tooltip" data-title="11,907,300" data-original-title="">
                                    12M
                                </span>
                                <span class="text">average daily impressions</span>
                            </div>
                        </div>
                        <div class="other-daily">
                            <div id="search_views_min" class="mozaic-widget metrics-text-link widget-item_count" data-widget="item_count" data-params="{&quot;channels&quot;:{&quot;/count&quot;:&quot;/search_analytics_views-1842&quot;},&quot;single_item&quot;:&quot;period high&quot;,&quot;multiple_items&quot;:&quot;period high&quot;,&quot;path&quot;:&quot;max&quot;}" data-guid="widget-2180" data-initialized="true">
                                <div>
                                    <span class="number" data-id="" rel="tooltip" data-title="52,087,791" data-original-title="">
                                        52M
                                    </span>
                                    <span class="text">period high</span>
                                </div>
                            </div>
                            <div id="search_views_max" class="mozaic-widget metrics-text-link widget-item_count" data-widget="item_count" data-params="{&quot;channels&quot;:{&quot;/count&quot;:&quot;/search_analytics_views-1842&quot;},&quot;single_item&quot;:&quot;period low&quot;,&quot;multiple_items&quot;:&quot;period low&quot;,&quot;path&quot;:&quot;min&quot;}" data-guid="widget-2181" data-initialized="true">
                                <div>
                                    <span class="number" data-id="">
                                        0
                                    </span>
                                    <span class="text">period low</span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="metrics-block-graph">
                    <h5>EXPOSURE TRENDLINE</h5>
                    <div id="views-graphic-widget" class="mozaic-widget views-graph widget-time_series" data-widget="time_series" data-params="{&quot;channels&quot;:{&quot;/data_series&quot;:&quot;/search_analytics_views-1842&quot;},&quot;series&quot;:[{&quot;data_path&quot;:&quot;charts&quot;,&quot;label&quot;:&quot;impressions&quot;,&quot;color&quot;:&quot;#cfeaf5&quot;,&quot;lineColor&quot;:&quot;#005d9d&quot;}],&quot;render_to&quot;:&quot;views-graphic-widget&quot;,&quot;initial_state&quot;:&quot;init&quot;}" data-guid="widget-1909" data-initialized="true" data-highcharts-chart="32"><div class="highcharts-container" id="highcharts-128" style="position: relative; overflow: hidden; width: 724px; height: 180px; text-align: left; line-height: normal; z-index: 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, Arial, Helvetica, sans-serif; font-size: 12px;"><svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="724" height="180"><desc>Created with Highcharts 3.0.2</desc><defs><clipPath id="highcharts-129"><rect fill="none" x="0" y="0" width="673" height="126"></rect></clipPath></defs><rect rx="0" ry="0" fill="#FFF" x="0" y="0" width="724" height="180"></rect><rect rx="0" ry="0" fill="#FFF" x="41" y="10" width="673" height="127"></rect><g class="highcharts-grid" zIndex="1"></g><g class="highcharts-grid" zIndex="1"><path fill="none" d="M 41 76.5 L 714 76.5" stroke="#999" stroke-width="1" stroke-dasharray="1,3" zIndex="1" opacity="1"></path><path fill="none" d="M 41 21.5 L 714 21.5" stroke="#999" stroke-width="1" stroke-dasharray="1,3" zIndex="1" opacity="1"></path><path fill="none" d="M 41 131.5 L 714 131.5" stroke="#999" stroke-width="1" stroke-dasharray="1,3" zIndex="1" opacity="1"></path></g><g class="highcharts-axis" zIndex="2"><path fill="none" d="M 41 136.5 L 714 136.5" stroke="#FFF" stroke-width="1" zIndex="7" visibility="visible"></path></g><g class="highcharts-axis" zIndex="2"></g><g class="highcharts-series-group" zIndex="3"><g class="highcharts-series" visibility="visible" zIndex="0.1" transform="translate(41,10) scale(1 1)" clip-path="url(#highcharts-129)"><path fill="rgb(207,234,245)" d="M 0 121.2 C 0 121.2 28.842857142857145 121.2 48.07142857142858 121.2 C 67.3 121.2 76.91428571428573 121.2 96.14285714285715 121.2 C 115.37142857142858 121.2 124.9857142857143 120.7 144.21428571428572 120.7 C 163.44285714285715 120.7 173.05714285714288 121.1 192.2857142857143 121.1 C 211.51428571428573 121.1 221.12857142857143 120.2 240.35714285714286 120.2 C 259.5857142857143 120.2 269.2 120.5 288.42857142857144 120.7 C 307.65714285714284 120.9 317.2714285714286 121.2 336.5 121.2 C 355.72857142857146 121.2 365.34285714285716 121.2 384.5714285714286 121.1 C 403.8 120.99999999999999 413.41428571428577 121.1 432.64285714285717 101.2 C 451.8714285714286 81.30000000000001 461.4857142857143 7.800000000000001 480.7142857142857 6.9 C 499.9428571428572 6 509.55714285714294 6 528.7857142857143 6 C 548.0142857142857 6 557.6285714285715 53.5 576.8571428571429 61.2 C 596.0857142857143 68.9 605.7 63.02000000000001 624.9285714285714 68.9 C 644.1571428571428 74.78 673 90.6 673 90.6 L 673 121.24036281179139 L 0 121.24036281179139" fill-opacity="1" zIndex="0"></path><path fill="none" d="M 0 121.2 C 0 121.2 28.842857142857145 121.2 48.07142857142858 121.2 C 67.3 121.2 76.91428571428573 121.2 96.14285714285715 121.2 C 115.37142857142858 121.2 124.9857142857143 120.7 144.21428571428572 120.7 C 163.44285714285715 120.7 173.05714285714288 121.1 192.2857142857143 121.1 C 211.51428571428573 121.1 221.12857142857143 120.2 240.35714285714286 120.2 C 259.5857142857143 120.2 269.2 120.5 288.42857142857144 120.7 C 307.65714285714284 120.9 317.2714285714286 121.2 336.5 121.2 C 355.72857142857146 121.2 365.34285714285716 121.2 384.5714285714286 121.1 C 403.8 120.99999999999999 413.41428571428577 121.1 432.64285714285717 101.2 C 451.8714285714286 81.30000000000001 461.4857142857143 7.800000000000001 480.7142857142857 6.9 C 499.9428571428572 6 509.55714285714294 6 528.7857142857143 6 C 548.0142857142857 6 557.6285714285715 53.5 576.8571428571429 61.2 C 596.0857142857143 68.9 605.7 63.02000000000001 624.9285714285714 68.9 C 644.1571428571428 74.78 673 90.6 673 90.6" stroke="#005d9d" stroke-width="1.5" zIndex="1"></path></g><g class="highcharts-markers" visibility="visible" zIndex="0.1" transform="translate(41,10) scale(1 1)" clip-path="none"><path fill="none" d="M -10 121.2 L 0 121.2 C 0 121.2 28.842857142857145 121.2 48.07142857142858 121.2 C 67.3 121.2 76.91428571428573 121.2 96.14285714285715 121.2 C 115.37142857142858 121.2 124.9857142857143 120.7 144.21428571428572 120.7 C 163.44285714285715 120.7 173.05714285714288 121.1 192.2857142857143 121.1 C 211.51428571428573 121.1 221.12857142857143 120.2 240.35714285714286 120.2 C 259.5857142857143 120.2 269.2 120.5 288.42857142857144 120.7 C 307.65714285714284 120.9 317.2714285714286 121.2 336.5 121.2 C 355.72857142857146 121.2 365.34285714285716 121.2 384.5714285714286 121.1 C 403.8 120.99999999999999 413.41428571428577 121.1 432.64285714285717 101.2 C 451.8714285714286 81.30000000000001 461.4857142857143 7.800000000000001 480.7142857142857 6.9 C 499.9428571428572 6 509.55714285714294 6 528.7857142857143 6 C 548.0142857142857 6 557.6285714285715 53.5 576.8571428571429 61.2 C 596.0857142857143 68.9 605.7 63.02000000000001 624.9285714285714 68.9 C 644.1571428571428 74.78 673 90.6 673 90.6 L 683 90.6" class="highcharts-tracker highcharts-tracker" stroke-linejoin="round" visibility="visible" stroke-opacity="0.0001" stroke="rgb(192,192,192)" stroke-width="21.5" zIndex="2" style=""></path></g></g><g class="highcharts-axis-labels" zIndex="7"><text x="109.07142857142858" y="148" style="font-family:&quot;Lucida Grande&quot;, &quot;Lucida Sans Unicode&quot;, Verdana, Arial, Helvetica, sans-serif;font-size:9px;color:#999;cursor:default;line-height:14px;font-weight:bold;width:100px;fill:#999;" text-anchor="middle" opacity="1"><tspan style="font-weight:bold" x="109.07142857142858">2</tspan><tspan dx="0"> </tspan><tspan x="109.07142857142858" dy="14px"> Sep</tspan></text><text x="205.21428571428572" y="148" style="font-family:&quot;Lucida Grande&quot;, &quot;Lucida Sans Unicode&quot;, Verdana, Arial, Helvetica, sans-serif;font-size:9px;color:#999;cursor:default;line-height:14px;font-weight:bold;width:100px;fill:#999;" text-anchor="middle" opacity="1"><tspan style="font-weight:bold" x="205.21428571428572">4</tspan><tspan dx="0"> </tspan><tspan x="205.21428571428572" dy="14px"> Sep</tspan></text><text x="301.3571428571429" y="148" style="font-family:&quot;Lucida Grande&quot;, &quot;Lucida Sans Unicode&quot;, Verdana, Arial, Helvetica, sans-serif;font-size:9px;color:#999;cursor:default;line-height:14px;font-weight:bold;width:100px;fill:#999;" text-anchor="middle" opacity="1"><tspan style="font-weight:bold" x="301.3571428571429">6</tspan><tspan dx="0"> </tspan><tspan x="301.3571428571429" dy="14px"> Sep</tspan></text><text x="397.5" y="148" style="font-family:&quot;Lucida Grande&quot;, &quot;Lucida Sans Unicode&quot;, Verdana, Arial, Helvetica, sans-serif;font-size:9px;color:#999;cursor:default;line-height:14px;font-weight:bold;width:100px;fill:#999;" text-anchor="middle" opacity="1"><tspan style="font-weight:bold" x="397.5">8</tspan><tspan dx="0"> </tspan><tspan x="397.5" dy="14px"> Sep</tspan></text><text x="493.64285714285717" y="148" style="font-family:&quot;Lucida Grande&quot;, &quot;Lucida Sans Unicode&quot;, Verdana, Arial, Helvetica, sans-serif;font-size:9px;color:#999;cursor:default;line-height:14px;font-weight:bold;width:100px;fill:#999;" text-anchor="middle" opacity="1"><tspan style="font-weight:bold" x="493.64285714285717">10</tspan><tspan dx="0"> </tspan><tspan x="493.64285714285717" dy="14px"> Sep</tspan></text><text x="589.7857142857143" y="148" style="font-family:&quot;Lucida Grande&quot;, &quot;Lucida Sans Unicode&quot;, Verdana, Arial, Helvetica, sans-serif;font-size:9px;color:#999;cursor:default;line-height:14px;font-weight:bold;width:100px;fill:#999;" text-anchor="middle" opacity="1"><tspan style="font-weight:bold" x="589.7857142857143">12</tspan><tspan dx="0"> </tspan><tspan x="589.7857142857143" dy="14px"> Sep</tspan></text><text x="0" y="-9999" style="font-family:&quot;Lucida Grande&quot;, &quot;Lucida Sans Unicode&quot;, Verdana, Arial, Helvetica, sans-serif;font-size:9px;color:#999;cursor:default;line-height:14px;font-weight:bold;width:100px;fill:#999;" text-anchor="middle"><tspan style="font-weight:bold" x="0">14</tspan><tspan dx="0"> </tspan><tspan x="0" dy="14px"> Sep</tspan></text></g><g class="highcharts-axis-labels" zIndex="7"><text x="33" y="130.74036281179139" style="font-family:&quot;Lucida Grande&quot;, &quot;Lucida Sans Unicode&quot;, Verdana, Arial, Helvetica, sans-serif;font-size:9px;width:317px;color:#999;cursor:default;line-height:14px;font-weight:bold;fill:#999;" text-anchor="end" opacity="1"><tspan x="33">0</tspan></text><text x="33" y="75.45257773170786" style="font-family:&quot;Lucida Grande&quot;, &quot;Lucida Sans Unicode&quot;, Verdana, Arial, Helvetica, sans-serif;font-size:9px;width:317px;color:#999;cursor:default;line-height:14px;font-weight:bold;fill:#999;" text-anchor="end" opacity="1"><tspan x="33">25M</tspan></text><text x="33" y="20.164792651624353" style="font-family:&quot;Lucida Grande&quot;, &quot;Lucida Sans Unicode&quot;, Verdana, Arial, Helvetica, sans-serif;font-size:9px;width:317px;color:#999;cursor:default;line-height:14px;font-weight:bold;fill:#999;" text-anchor="end" opacity="1"><tspan x="33">50M</tspan></text></g><g class="highcharts-tooltip" zIndex="8" style="cursor:default;padding:0;white-space:nowrap;" visibility="hidden" transform="translate(0,0)"><rect rx="0" ry="0" fill="#333333" x="0" y="0" width="8" height="8"></rect><text x="4" y="14" style="font-family:&quot;Lucida Grande&quot;, &quot;Lucida Sans Unicode&quot;, Verdana, Arial, Helvetica, sans-serif;font-size:8pt;color:#FFF;fill:#FFF;" zIndex="1"></text></g></svg></div></div>
                </div>
            </div>
            <div class="row-fluid white-row">
                <h5>
                    CONVERSATION MAP
                    <a class="popover-question-container" rel="tooltip" data-title="The Conversation Map shows the most popular topics within the stream based on the current filters. In addition to the topic keyword(s), the percentage of total stream mentions each represent is also displayed.&lt;br&gt;&lt;br&gt; Contact uberVU if you notice a frequent expression that should be excluded, like 'continue reading.'" data-original-title="">
                        <i class="icon-question"></i>
                    </a>
                </h5>
                <div id="tag-treemap-widget" class="mozaic-widget treemap widget-tag_treemap_analytics_wrapper" data-widget="tag_treemap_analytics_wrapper" data-params="{&quot;channels&quot;:{&quot;/data&quot;:&quot;/tagcloud-1847&quot;,&quot;/filters&quot;:&quot;/filters-4&quot;}}" style="min-width: 300px; min-height: 200px;" data-guid="widget-1918" data-initialized="true">
                    <div class="mozaic-widget widget-tag_treemap" data-widget="tag_treemap" data-params="{&quot;channels&quot;:{&quot;/tagcloud&quot;:&quot;/tagcloud-1847&quot;},&quot;data_path&quot;:&quot;tagcloud&quot;}" data-guid="widget-2185" data-initialized="true">
                        <div id="treemap_wrapper" class="treemap">
                            <div id="treemap_container" style="display: block; position: relative;"><div id="undefined" class="treemap-node fourth_quarter" style="top: 0px; left: 0px; width: 219px; height: 180px; position: absolute;"><div class="treemap-label" style="display: block; position: relative; font-size: 24px; margin: 10px;">play <br> <span>14 %</span></div></div><div id="undefined" class="treemap-node second_quarter" style="top: 181px; left: 0px; width: 219px; height: 118px; position: absolute;"><div class="treemap-label" style="display: block; position: relative; font-size: 24px; margin: 10px;">game <br> <span>9 %</span></div></div><div id="undefined" class="treemap-node second_quarter" style="top: 0px; left: 220px; width: 245px; height: 91px; position: absolute;"><div class="treemap-label" style="display: block; position: relative; font-size: 24px; margin: 10px;">football <br> <span>8 %</span></div></div><div id="undefined" class="treemap-node first_quarter" style="top: 92px; left: 220px; width: 84px; height: 207px; position: absolute;"><div class="treemap-label" style="display: block; position: relative; font-size: 24px; margin: 10px;">love <br> <span>6 %</span></div></div><div id="undefined" class="treemap-node first_quarter" style="top: 92px; left: 305px; width: 160px; height: 104px; position: absolute;"><div class="treemap-label" style="display: block; position: relative; font-size: 24px; margin: 10px;">watch <br> <span>5 %</span></div></div><div id="undefined" class="treemap-node first_quarter" style="top: 197px; left: 305px; width: 160px; height: 102px; position: absolute;"><div class="treemap-label" style="display: block; position: relative; font-size: 24px; margin: 10px;">basketball season <br> <span>5 %</span></div></div><div id="undefined" class="treemap-node first_quarter" style="top: 0px; left: 466px; width: 116px; height: 130px; position: absolute;"><div class="treemap-label" style="display: block; position: relative; font-size: 24px; margin: 10px;">team <br> <span>5 %</span></div></div><div id="undefined" class="treemap-node first_quarter" style="top: 0px; left: 583px; width: 114px; height: 130px; position: absolute;"><div class="treemap-label" style="display: block; position: relative; font-size: 24px; margin: 10px;">sports <br> <span>5 %</span></div></div><div id="undefined" class="treemap-node first_quarter" style="top: 131px; left: 466px; width: 88px; height: 168px; position: absolute;"><div class="treemap-label" style="display: block; position: relative; font-size: 17px; margin: 10px;">season <br> <span>5 %</span></div></div><div id="undefined" class="treemap-node first_quarter" style="top: 131px; left: 555px; width: 142px; height: 85px; position: absolute;"><div class="treemap-label" style="display: block; position: relative; font-size: 22px; margin: 10px;">play basketball <br> <span>4 %</span></div></div><div id="undefined" class="treemap-node first_quarter" style="top: 217px; left: 555px; width: 142px; height: 82px; position: absolute;"><div class="treemap-label" style="display: block; position: relative; font-size: 24px; margin: 10px;">school <br> <span>4 %</span></div></div><div id="undefined" class="treemap-node first_quarter" style="top: 0px; left: 698px; width: 82px; height: 123px; position: absolute;"><div class="treemap-label" style="display: block; position: relative; font-size: 24px; margin: 10px;">live <br> <span>3 %</span></div></div><div id="undefined" class="treemap-node first_quarter" style="top: 0px; left: 781px; width: 79px; height: 123px; position: absolute;"><div class="treemap-label" style="display: block; position: relative; font-size: 11px; margin: 10px;">basketball team <br> <span>3 %</span></div></div><div id="undefined" class="treemap-node first_quarter" style="top: 0px; left: 861px; width: 72px; height: 123px; position: absolute;"><div class="treemap-label" style="display: block; position: relative; font-size: 20px; margin: 10px;">girls <br> <span>3 %</span></div></div><div id="undefined" class="treemap-node first_quarter" style="top: 124px; left: 698px; width: 95px; height: 87px; position: absolute;"><div class="treemap-label" style="display: block; position: relative; font-size: 17px; margin: 10px;">playing basketball <br> <span>3 %</span></div></div><div id="undefined" class="treemap-node first_quarter" style="top: 212px; left: 698px; width: 95px; height: 87px; position: absolute;"><div class="treemap-label" style="display: block; position: relative; font-size: 24px; margin: 10px;">2013 <br> <span>3 %</span></div></div><div id="undefined" class="treemap-node first_quarter" style="top: 124px; left: 794px; width: 139px; height: 59px; position: absolute;"><div class="treemap-label" style="display: block; position: relative; font-size: 19px; margin: 10px;">coach <br> <span>2 %</span></div></div><div id="undefined" class="treemap-node first_quarter" style="top: 184px; left: 794px; width: 70px; height: 115px; position: absolute;"><div class="treemap-label" style="display: block; position: relative; font-size: 10px; margin: 10px;">basketball player <br> <span>2 %</span></div></div><div id="undefined" class="treemap-node first_quarter" style="top: 184px; left: 865px; width: 68px; height: 115px; position: absolute;"><div class="treemap-label" style="display: block; position: relative; font-size: 11px; margin: 10px;">college <br> <span>2 %</span></div></div></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<script>
    loadTrendLine(); 
    loadTopSocialPlatforms();
</script>